$(function () {
    //导航栏动画效果
    var showNav = $(".menutitle");
    showNav.click(function () {
        $(this).parent().siblings("dd").slideDown();
        $(this).parents("dl").siblings().children("dd").slideUp();
    });
    //弹出添加管理员弹窗
    var a_add = $(".a_add");
    var add = $("#add");
    a_add.click(function () {
        add.stop().fadeIn(100);
    });
    //弹出修改导航栏弹窗
    var mod = $("#mod");
    //隐藏添加修改管理员弹窗
    var img_close = $(".img_close");
    img_close.click(function () {
        add.stop().fadeOut(100);
        mod.stop().fadeOut(100);
    });

    //点击修改改变下拉框
    var permissions = $(".permissions").attr("value");
    var option = $(".mod_select");
    option.each(function () {
        if($(this).attr("value") == permissions){
            $(this).attr("selected","selected");
            $(this).siblings().removeAttr("selected");
        }
    })

    //验证表单
    var inputs = $("input");
    //点击输入框，显示文字图标
    inputs.click(function () {
        $(this).siblings(".add_i").fadeIn(100);
    });
    //获取select选中的值
    var addLect = $(".addLect");
    var modLect = $(".modLect");
    var LectBool, NameBool, AccBool, PasBool;
    var mod_LectBool = true, mod_NameBool = true, mod_AccBool = true, mod_PasBool = true;
    //验证添加中的选择下拉框
    addLect.bind("change",function () {
        if($(this).val() == "0"){
            $(this).siblings(".errText").text("请选择用户权限");
            LectBool = false;
        }else{
            $(this).siblings(".errText").text("");
            LectBool = true;
        }
    });
    //验证修改中的选择下拉框
    modLect.bind("change",function () {
        if($(this).val() == "0"){
            $(this).siblings(".errText").text("请选择用户权限");
            mod_LectBool = false;
        }else{
            $(this).siblings(".errText").text("");
            mod_LectBool = true;
        }
    });
    //实时监听输入框输入的值
    inputs.bind('input propertychange',function (event) {
        var RegularName = /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/g;
        var RegularOunt = /^[A-Za-z0-9]+$/g;
        //当用户名输入框输入值时
        var AttrName = $(this).attr("name");
        switch (AttrName){
            case "username":
                NameBool = results($(this), inputsLenght($(this),$(this).val().length,2,5,"用户名长度为2-5位"), InuptType($(this),$(this).val(),RegularName,"用户名由中文，数字，字母，下划线组成"));
                break;
            case "account":
                AccBool = results($(this), inputsLenght($(this),$(this).val().length,8,15,"账号长度为8-15位"), InuptType($(this),$(this).val(),RegularOunt,"账号由数字，字母组成"));
                break;
            case "pass":
                PasBool = results($(this), inputsLenght($(this),$(this).val().length,8,15,"密码长度为8-15位"), InuptType($(this),$(this).val(),RegularOunt,"密码由数字，字母组成"));
                break;
            case "mod-username":
                mod_NameBool = results($(this), inputsLenght($(this),$(this).val().length,2,5,"用户名长度为2-5位"), InuptType($(this),$(this).val(),RegularName,"用户名由中文，数字，字母，下划线组成"));
                break;
            case "mod-account":
                mod_AccBool = results($(this), inputsLenght($(this),$(this).val().length,8,15,"账号长度为8-15位"), InuptType($(this),$(this).val(),RegularOunt,"账号由数字，字母组成"));
                break;
            case "mod-pass":
                mod_PasBool = results($(this), inputsLenght($(this),$(this).val().length,8,15,"密码长度为8-15位"), InuptType($(this),$(this).val(),RegularOunt,"密码由数字，字母组成"));
                break;
            default:
                alert("找不到输入框");
        }

    });
    //当添加的输入框，以及选择框的值真时，使按钮可点击
    var sub_add = $(".sub_add");
    add.bind("mousemove",function () {
        if(NameBool && AccBool && PasBool && LectBool){
            sub_add.css("background-color","#0065ff");
            sub_add.attr("disabled",false);
        }else {
            sub_add.css("background-color","gray");
            sub_add.attr("disabled","disabled");
        }
    });
    //当修改的输入框，以及选择框的值真时，使按钮可点击
    var sub_mod = $(".sub_mod");
    mod.bind("mousemove",function () {
        if(mod_LectBool && mod_NameBool && mod_AccBool && mod_PasBool){
            sub_mod.css("background-color","#0065ff");
            sub_mod.attr("disabled",false);
        }else {
            sub_mod.css("background-color","gray");
            sub_mod.attr("disabled","disabled");
        }
    });

    //分页
    var $pagenumbers = $(".pagenumbers");
    var number = $(".number");
    var Pagetext = $("#Pagetext");
    var pagenumber = $(".pagenumber");
    var numberA = $(".pagenumber a");
    if($pagenumbers.length >= 5){
        pagenumber.css("width","270px");
        Pagetext.css("width","486px");
    }else{
        pagenumber.css("width",$pagenumbers.length * 54 + "px");
        Pagetext.css("width",$pagenumbers.length * 54 + 216 + "px");
    }
    number.css("width",$pagenumbers.length * 54 + "px");
    //使点击后改变颜色
    var UrlPage = GetQueryString("page");
    var pagenumbers = document.getElementsByClassName("pagenumbers");
    if(UrlPage == null){
        pagenumbers[0].className = 'numberDj';
    }
    for(var i = 0; i < pagenumbers.length; i++){
        // console.log(pagenumbers[i].getAttribute("page"));
        if(pagenumbers[i].getAttribute("page") == UrlPage){
            pagenumbers[i].className = 'numberDj';
        }
    }
    //动画效果
     var numAn = (UrlPage - 3) * -54 + "px";
    if(UrlPage > 3 && UrlPage < $pagenumbers.length -2){
        number.animate({
            left : numAn
        });
    }
    if(UrlPage >= $pagenumbers.length -2 && $pagenumbers.length > 5){
        number.css("left",(($pagenumbers.length -2) - 3) * -54 + "px");
    }
});

//获取url里面的get请求
function GetQueryString(name)
{
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
}

//创建一个验证输入框值长度的方法
function inputsLenght(a,ThisLenght,x,y,name) {
    if(ThisLenght >= x && ThisLenght <= y){
        a.siblings(".errText").text("");
        return true;
    } else{
        a.siblings(".errText").text(name);
        return false;
    }
}
//创建一个输入框验证输入值类型的方法
function InuptType(a,thisVAl,regular,name) {
    if (thisVAl.match(regular) != null) {
        return true;
    }else{
        a.siblings(".errText").text(name);
        return false;
    }
}
//创建一个得到输入框验证结果处理文字图标的方法
function results(a, LenghtBool,TypeBool) {
    if(LenghtBool && TypeBool){
        a.siblings(".add_i").css("color","#00FF00");
        return true;
    }else{
        a.siblings(".add_i").css("color","gray");
        return false;
    }
}